@charset "gb2312";
/* CSS Document */
.weixin{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 865px;
	top: 24px;
}
.topa
{
	width:100%;
	height:114px;
	margin:0 auto;
	background:url(../images/topbg.jpg) repeat-x;
}
.top
{
	width:1000px;
	height:114px;
	margin:0 auto;
	overflow:hidden;
}
.topl
{
	width:auto;
	height:114px;
	float:left;
	overflow:hidden;
}
.topr
{
	width:auto;
	height:114px;
	float:right;
	overflow:hidden;
}
.menubox
{
	width:100%;
	height:43px;
	margin:0 auto;
	background:url(../images/menubg.jpg) repeat-x;
}
.menuboxc
{
	width:1000px;
	height:43px;
	margin:0 auto;
	overflow:hidden;
}
.menuboxc ul
{
	float:left;
}
.menuboxc ul li
{
	width:auto;
	height:43px;
	float:left;
	overflow:hidden;
}
.hsbanner
{
	width:100%;
	height:547px;
	margin:0 auto;
	background:url(../images/banner1.jpg) no-repeat center;
}
.dbox1
{
	width:100%;
	height:319px;
	margin:0 auto;
	background:#f5f5f5;
}
.dnewsbox
{
	width:1000px;
	height:319px;
	margin:0 auto;
	overflow:hidden;
}
.dnewsimg
{
	width:308px;
	height:226px;
	float:left;
	margin-top:46px;
	display:inline;
	overflow:hidden;
}
.dnewsrr
{
	width:675px;
	height:257px;
	float:right;
	margin-top:45px;
	display:inline;
	overflow:hidden;
}
.dnewsrr1
{
	width:675px;
	height:34px;
	float:left;
}
.dnewsrrr
{
	width:auto;
	height:34px;
	float:right;
	overflow:hidden;
}
.dnewsrrl
{
		width:auto;
	height:34px;
	float:left;
	overflow:hidden;
}
.dnewstitle
{
	width:659px;
	height:31px;
	float:left;
	margin-top:8px;
	display:inline;
	overflow:hidden;
	color:#323232;
	font-size:16px;
	font-family:"΢ÈíÑźÚ";
	line-height:31px;
}
.dnewstitle a , .dnewstitle a:visited , .dnewstitle a:hover
{
	color:#323232;
}
.dnewscont
{
	width:659px;
	height:41px;
	float:left;
	margin-top:4px;
	display:inline;
	overflow:hidden;
	color:#969696;
	font-family:"΢ÈíÑźÚ";
	line-height:20px;
}
.thenews
{
	width:675px;
	height:auto;
	float:left;
	margin-top:6px;
	display:inline;
	overflow:hidden;
}
.thenewsbox
{
	width:320px;
	height:133px;
	float:left;
	overflow:hidden;
}
.dnewslist
{
	width:320px;
	height:28px;
	float:left;
	overflow:hidden;
	background: url(../images/newsdbg.jpg) no-repeat;
}
.dnewslistleft
{
	width:auto;
	height:28px;
	float:left;
	margin-left:21px;
	display:inline;
	overflow:hidden;
	color:#626262;
	font-family:"΢ÈíÑźÚ";
	line-height:28px;
}
.dnewslistleft a , .dnewslistleft a:visited , .dnewslistleft a:hover
{
	color:#626262;
}
.dnewslistright
{
	width:auto;
	height:28px;
	float:right;
	color:#a0a0a0;
	font-family:"΢ÈíÑźÚ";
	line-height:28px;
}
.thenewsbox1
{
	width:320px;
	height:133px;
	float:right;
	overflow:hidden;
}
.dbox2
{
	width:1123px;
	height:225px;
	margin:0 auto;
	overflow:hidden;
}
.dleft
{
	width:34px;
	height:150px;
	float:left;
	margin-top:65px;
	display:inline;
	overflow:hidden;
}
.dright
{
		width:35px;
	height:150px;
	float:right;
	margin-top:65px;
	display:inline;
	overflow:hidden;
}
.dcgaltop
{
	width:1123px;
	height:46px;
	margin:0 auto;
	margin-top:25px;
	overflow:hidden;
	background:url(../images/cgtop.jpg) no-repeat left;
}
.cgmore
{
	width:41px;
	height:46px;
	float:right;
	margin-right:62px;
	display:inline;
	overflow:hidden;
}
.ddcon
{
	width:1000px;
	height:200px;
	float:left;
	margin-left:27px;
	display:inline;
	overflow:hidden;
}
.dallist
{
	width:164px;
	height:181px;
	float:left;
	margin-left:23px;
	display:inline;
	position:relative;
}
.daltxt
{
	width:164px;
	height:33px;
	position:absolute;
	left:0px;
	top:148px;
	line-height:33px;
	text-align:center;
	color:#ffffff;
	font-family:"΢ÈíÑźÚ";
	background:url(../images/hoe.png);
}
.daltxt a , .daltxt a:visited , .daltxt a:hover
{
	color:#ffffff;
}
.bot
{
	width:100%;
	height:149px;
	margin:0 auto;
	background: #CCCCCC;
	
}
.botc
{
	width:1000px;
	height:149px;
	margin:0 auto;
	overflow:hidden; position:relative;
}
.botmenu
{
	width:1000px;
	height:26px;
	margin:0 auto;
	margin-top:18px;
	overflow:hidden;
	color: #000000;
	font-family:"΢ÈíÑźÚ";
	line-height:26px;
	text-align:center;
}
.botmenu a , .botmenu a:visited , .botmenu a:hover
{
	color:#000000;
}
.bots1
{
	width:1000px;
	height:53px;
	margin:0 auto;
	color: #000000;
	font-family:"΢ÈíÑźÚ";
	line-height:22px;
	text-align:center;
}
.bots2
{
	width:1000px;
	height:30px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	line-height:30px;
}
.pbanner
{
	width:100%;
	height:299px;
	margin:0 auto;
	background:url(../images/pbanner.jpg) no-repeat center;
	overflow:hidden;
}
.pbox
{
	width:1000px;
	height:auto;
	min-height:500px;
	_height:500px;
	margin:0 auto;

}
.pleft
{
	width:200px;
	height:auto;
	float:left;
	position:relative;
}
.lpcp
{
	width:200px;
	height:80px;
	position:absolute;
	left:0px;
	top:-44px;
}
.plb
{
	width:200px;
	height:auto;
	float:left;
	margin-top:44px;
	display:inline;
	overflow:hidden;
}
.plblist1
{
	width:151px;
	height:45px;
	float:left;
	padding-left:49px;
	color:#545454;
	font-size:16px;
	font-family: "΢ÈíÑźÚ";
	line-height:45px;
}
.plblist1 a , .plblist1 a:visited , .plblist1 a:hover
{
	color:#545454;
}

.ss1
{
	width:151px;
	height:45px;
	float:left;
	background:url(../images/ss1.jpg) no-repeat;
	padding-left:49px;
	color:#545454;
	font-size:16px;
	font-family: "΢ÈíÑźÚ";
	line-height:45px;
}
.ss1, .ss1 a:visited , .ss1 a:hover
{
	color:#545454;
}

.plblist2
{
	width:151px;
	height:45px;
	float:left;
	padding-left:49px;
	color:#545454;
	font-size:16px;
	font-family: "΢ÈíÑźÚ";
	line-height:45px;
}
.plblist2 a , .plblist2 a:visited , .plblist2 a:hover
{
	color:#ffffff;
}

.ss2
{
	width:151px;
	height:45px;
	float:left;
	background:url(../images/ss2.jpg) no-repeat;
	padding-left:49px;
	color:#ffffff;
	font-size:16px;
	font-family: "΢ÈíÑźÚ";
	line-height:45px;
}
.ss2 a , .ss2 a:visited , .ss2 a:hover
{
	color:#ffffff;
}
.pzl
{
	width:162px;
	height:auto;
	float:left;
	margin-left:36px;
	overflow:hidden;
	padding-top:7px;
	padding-bottom:7px;
	
}
.pzllist
{
	width:162px;
	height:30px;
	float:left;
	color:#545454;
		font-size:16px;
	font-family: "΢ÈíÑźÚ";
	line-height:45px;
}
.pzllist a , .pzllist a:visited 
{
		color:#545454;
}
.pzllist a:hover
{
	color:#40ccf6;
	font-weight:bold;
}
.pright
{
	width:796px;
	height:auto;
	float:right;
	overflow:hidden;
	
}
.prtop
{
	width:760px;
	height:66px;
	float:right;
	background:url(../images/prtop.jpg) no-repeat;
}
.prtopl
{
	width:auto;
	height:66px;
	float:left;
	color:#40cbf5;
	font-family:"΢ÈíÑźÚ";
	font-size:20px;
	line-height:66px;
}
.prtopr
{
	width:auto;
	height:24px;
	float:right;
	margin-top:29px;
	padding-left:20px;
	color:#999999;
	font-size:13px;
	font-family:"΢ÈíÑźÚ";
	line-height:26px;
	background:url(../images/fzz.jpg) no-repeat left;
}
.prbot
{
	width:788px;
	height:auto;
	float:left;
	margin-top:36px;
	display:inline;
	padding-left:8px;
	overflow:hidden;
	padding-bottom:20px;
}
.page
{
	width:788px;
	height:30px;
	float:left;
	margin-top:10px;
	text-align:center;
	line-height:30px;
}
.productlist
{
	width:170px;
	height:217px;
	float:left;
	margin-left:27px;
}
.productimg
{
	width:165px;
	height:165px;
	float:left;
	border:solid 1px #cccccc;
	background:#FFF;
	padding-top:3px;
	padding-left:3px;
}
.producttxt
{
	width:170px;
	height:23px;
	float:left;
	margin-top:11px;
	display:inline;
	overflow:hidden;
	text-align:center;
	line-height:23px;
	color:#666666;
	font-size:14px;
	font-family:"΢ÈíÑźÚ";
}
.producttxt a , .producttxt a:visited , .producttxt a:hover
{
	color:#666666;
}
.prbot1
{
	width:760px;
	height:auto;
	float:right;
	margin-top:15px;
	padding-bottom:20px;
	display:inline;
	overflow:hidden;
}
.prbot2
{
	width:760px;
	height:auto;
	float:right;
	margin-top:15px;
	padding-bottom:20px;
	color:#636363;
	font-size:14px;
	font-family:"΢ÈíÑźÚ";
	line-height:30px;
	display:inline;
	overflow:hidden;
}
.pvvs1
{
	width:760px;
	height:auto;
	min-height:254px;
	_height:254px;
	float:left;
	border-bottom:dotted 1px #d4d4d4;
	
}
.pvvimg
{
	width:211px;
	height:216px;
	float:left;
	margin-top:13px;
	margin-left:2px;
	display:inline;
	overflow:hidden;
	border:solid 1px #ededed;
	background:#FFF;
	padding-top:2px;
	padding-left:2px;
}
.pvvtxt
{
	width:522px;
	height:auto;
	float:right;
	overflow:hidden;
}
.pvvtxtlist
{
	width:522px;
	height:auto;
	float:left;
	min-height:39px;
	border-bottom:dotted 1px #d4d4d4;
	line-height:39px;
	color:#7c7c7c;
	font-size:16px;
	font-family:"΢ÈíÑźÚ";
}
.pvcont
{
	width:760px;
	height:auto;
	float:left;
	margin-top:16px;
	display:inline;
	overflow:hidden;
	color:#7c7c7c;
	font-size:14px;
	font-family:"΢ÈíÑźÚ";
	line-height:25px;
}
.aboutbot
{
	width:760px;
	height:auto;
	float:left;
	color:#666666;
	font-size:14px;
	font-family:"΢ÈíÑźÚ";
	line-height:30px;
}
.jjfalist
{
	width:760px;
	height:201px;
	float:left;
	border-bottom:dotted 1px #d5d5d5;
}
.faimg
{
	width:210px;
	height:140px;
	float:left;
	margin-top:31px;
	display:inline;
	overflow:hidden;
}
.fatxt
{
	width:523px;
	height:140px;
	float:right;
	margin-top:31px;
	display:inline;
	overflow:hidden;
}
.fatxt1
{
	width:523px;
	height:27px;
	float:left;
}
.fatxt1left
{
	width:auto;
	height:27px;
	float:left;
	color:#505050;
	font-size:16px;
	font-family:"΢ÈíÑźÚ";
	line-height:27px;
}
.fatxt1left a , .fatxt1left a:visited , .fatxt1left a:hover
{
	color:#505050;
}
.fatxt1right
{
	width:auto;
	height:27px;
	float:right;
	color:#b3b3b3;
	font-size:12px;
	font-family:"΢ÈíÑźÚ";
	line-height:27px;
}
.fatxt2
{
	width:523px;
	height:109px;
	float:left;
	margin-top:5px;
	display:inline;
	overflow:hidden;
	color:#737373;
	font-size:14px;
	line-height:25px;
}
.jjfavvtitle
{
	width:760px;
	height:48px;
	float:left;
	text-align:center;
	line-height:48px;
	color:#424242;
	font-size:25px;
}
.jjfavvriqi
{
	width:760px;
	height:35px;
	float:left;
	margin-top:23px;
	display:inline;
	overflow:hidden;
	line-height:35px;
	text-align:center;
	color:#7f7f7f;
	font-family:"΢ÈíÑźÚ";
	font-size:14px;
	
}
.jjfavvcont
{
	width:760px;
	height:auto;
	float: left;
	margin-top:28px;
	color:#636363;
	font-size:14px;
	font-family:"΢ÈíÑźÚ";
	line-height:30px;
}





.slideBox{ width:100%; height:547px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:red !important;}
.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 547px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 547px; margin:0 auto; position: relative;}
/*µÚËÄÆÁ*/
.banner1{width:100%; height:28.6em; background:linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-moz-linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-webkit-linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-ms-linear-gradient(right,#041F4C 50%,#BE6E83 50%);}
.content1{ width:990px; height:400px; margin:0 auto; background:linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-moz-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-webkit-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-ms-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); position:relative;}
.b2_word{ margin:7em 0 0 3em; float:right;}
.b2_word span{ background:url(../images/yidong.png) no-repeat; width:10.3em; height:6.78em; float:left;}
.b2_word var{ color:#FFFFFF; font-size:3.2em; float:left; margin:0.2em 0.2em;}
.animation20{
	background:url(../images/banner2.png) no-repeat; width:44em; height:28.6em; float:left;
	-webkit-animation:flash 2s .2s ease both;
	-moz-animation:flash 2s .2s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation21{
	-webkit-animation:fadeInDown 2s .2s ease both;
	-moz-animation:fadeInDown 2s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-1.5em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-1.5em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-1.5em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
#a24{position:absolute; left:27em; top:9.5em; margin:-1em 0 0 -9em;color:#FFFFFF; font-size:1.9em; border:1px solid #fff; height:2em; line-height:2em;  border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; width:18.5em; text-align:center;}
.animation22{
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}

@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(2em)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(2em)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(2em)}
100%{opacity:1;
-ms-transform:translateX(0)}
}


/*ÐÂÌí¼ÓÒ»ÆÁ*/
.slide ul li.banner5{ width:100%; height:28.6em; background: url(../images/chunjie.png) center center no-repeat;}
/*µÚÒ»ÆÁ*/
.slide ul li.banner2{width:100%; height:28.6em; background: url(../images/banner2_1.jpg) center center no-repeat;}
.content2{ width:70.7em; height:28.6em; margin:0 auto;  position:relative;display: inline-block;}
.animation5{
	background:url(../images/banner2_04.png) no-repeat; width:302px; height:77px;position: absolute;right: 24%; top: 55%;
	-webkit-animation:flash 3s 1s ease both;
	-moz-animation:flash 3s 1s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.animation3{
	background:url(../images/banner2_02.png) center center no-repeat; width:340px; height:43px; position: absolute; top: 23%; left: 26%;
	-webkit-animation:fadeInDown 2s 1s ease both;
	-moz-animation:fadeInDown 2s 1s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
.animation4{
	background:url(../images/banner2_05.png) center  center no-repeat; width:702px; height:128px;position:absolute; left:16%; top:30%; 
	
	-webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  ease both;}
	@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(-10%)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
	0%{opacity:0;
	-ms-transform:translateX(2em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/*µÚÈýÆÁ*/
.slide ul li.banner3{width:100%; height:28.6em; background:url(../images/banner3.jpg) center center no-repeat;}
.content3{ width:70.7em; height:28.6em; margin:0 auto;display: inline-block;}
.animation6{
	background:url(../images/idc.png) no-repeat; width:19em; height:6em; margin:2.35em 0 0 8.6em; float:left;
	-webkit-animation:bounceInDown 1s .2s ease both;
	-moz-animation:bounceInDown 1s .2s ease both;}
	@-webkit-keyframes bounceInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2000px)}
	60%{opacity:1;
	-webkit-transform:translateY(30px)}
	80%{-webkit-transform:translateY(-10px)}
	100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes bounceInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2000px)}
	60%{opacity:1;
	-moz-transform:translateY(30px)}
	80%{-moz-transform:translateY(-10px)}
	100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2000px)}
	60%{opacity:1;
	-ms-transform:translateY(30px)}
	80%{-ms-transform:translateY(-10px)}
	100%{-ms-transform:translateY(0)}
}
#a9,#a10{opacity: 0;filter:alpha(opacity=0);}
.animation7{
	font-size:3.2em; width:100%; float:left; margin:0.7em 0 0 2.5em; font-weight:bold;color: #333;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
.animation7 span{  color:#009EFE; font-size:1em;}
/*ÐÂÌíµÚ¶þÆÁ*/
.slide ul li.banner4{width:100%; height:28.6em; background:url(../images/banner4.png) center center no-repeat;}
.animation8{
	background:url(../images/banner4_2.png) no-repeat; width:32.1em; height:10.6em; float:right;top: 11.7em;right:10em;position: absolute;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation9{
 	background:url(../images/banner4_1.png) no-repeat; width:62.5em; height:28.6em; float:left;
	-webkit-animation:fadeInLeftBig 3s .5s ease both;
	-moz-animation:fadeInLeftBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;
	-webkit-transform:translateX(-20em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;
	-moz-transform:translateX(-20em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;
	-ms-transform:translateX(-20em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}